/*
Write your variables here. All available variables can be
found in element-ui/packages/theme-chalk/src/common/var.scss.
For example, to overwrite the theme color:
*/
$--color-primary: teal;

/* icon font path, required */
$--font-path: '~element-ui/lib/theme-chalk/fonts';

@import "~element-ui/packages/theme-chalk/src/index";

.el-container{
    height:100%;
}
.el-header, .el-main{
    padding:0;
}
.el-card__header{
    padding: 10px 20px;
}
.el-menu.el-menu--horizontal{
    border:0;
}
.el-card__body{
    padding:0
}
.box-card{
    overflow: visible;
    // background-color: rgba(255,255,255,0.7);
    border:0;
    height:210px;
    position: relative;
    background: transparent;
}
.el-card{
    // background: url("./assets/panel_bg2.png") repeat-y;
    border-radius:0;
}
.el-card__header{
    // background: #16a085;
    color: #fff;
    border: 0;
}
.el-button-group{
    display: block;
    margin:10px;
}
.el-card.is-always-shadow{
    box-shadow: 3px 3px 3px 0 rgba(0, 0, 0, 0.5);
}
// .el-button:nth-child(2):hover,
.el-button{
    width:60px;
    background:rgba(0,162,136,.7);
    border:1px solid #1abc9c;
    color:#fff;
    width:60px
}
// .el-button:nth-child(1):hover,
.el-button:hover{
    background:rgba(121,189,143,.7);
    border:1px solid #16a085;
    color:#fff;
    width:60px
}


.el-button.is-disabled, 
.el-button.is-disabled:hover,
.el-button.is-disabled:focus{
    background: rgba(121,189,143,.7);
    border:1px solid #16a085
}


.el-submenu__title{
    width:100px;
    padding:0 5px;
}

.el-menu-item.is-disabled{
    color:#fff!important;
    opacity:1!important;
}